<template>
  <div class="system-config">
    <el-card>
      <template #header>
        <div class="card-header">
          <span>系统配置</span>
        </div>
      </template>

      <el-alert
        title="系统配置功能"
        description="系统配置功能正在开发中，敬请期待..."
        type="info"
        :closable="false"
        show-icon
      />

      <div class="config-content" style="margin-top: 20px">
        <el-empty description="暂无配置项" />
      </div>
    </el-card>
  </div>
</template>

<script setup>
// 系统配置页面
// 目前为占位页面，后续可以添加具体的配置功能
</script>

<style scoped>
.system-config {
  padding: 20px;
}

.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.config-content {
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>
